<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册第二页</title>
<link type="text/css" rel="stylesheet" href="css/login_css.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/additional-methods.min.js"></script>
    <script src="js/jquery-cookie.js"></script>
</head>
<body>
<div id="header">
    <div class="w">
        <a href="www.jd.com" class="logo">
        </a>
        <div class="logo_title">欢迎注册</div>
        <div class="have_accoount">已有账号？
            <a href="#" font-color="red">请登录> </a>
        </div>
    </div>
</div>
<div id="container">
    <div class="progress">
        <div class="pro-step">
            <span class="step-index_3"></span>
            <p class="step-desc">验证手机号</p>
        </div>
        <div class="pro-line"></div>
        <div class="pro-step_1">
            <span class="step-index">2</span>
            <p class="step-desc">填写账号</p>
        </div>
        <div class="pro-line_1"></div>
        <div class="pro-step_2">
            <span class="step-index_2">3</span>
            <p class="step-desc">注册成功</p>
        </div>
    </div>
    <div class="main">
        <div class="reg-form">
            <form  id="registerForm" method="post" class="register-form" action="/register">
                <div class="form-item" style="border-color: rgb(153,153,153)">
                    <label class="label">用 &nbsp;&nbsp;户 &nbsp; 名:</label>
                    <input name="username" type="text" class="field" placeholder="您的用户名或登录名" maxlength="=20" >
                </div>
                <div class="input-tip">
                    <input name="input_2" value="" type="text" class="input_1" >
                </div>
                <div class="form-item" style="border-color: rgb(153,153,153)">
                    <label  class="label">设&nbsp;置&nbsp;密&nbsp;码:</label>
                    <input name="password" id="password" type="password" class="field" placeholder="建议使用两种或两种以上字符组合" maxlength="=20" >
                </div>
                <div class="input-tip">
                    <input name="input_3" value="" type="text" class="input_1" >
                </div>
                <div class="form-item" style="border-color: rgb(153,153,153)">
                    <label  class="label">确&nbsp;认&nbsp;密&nbsp;码:</label>
                    <input name="repass" type="password" class="field" placeholder="请再次输入密码" maxlength="=20" >
                </div>
                <div class="input-tip">
                    <input name="input_4" value="" type="text" class="input_1" >
                </div>
                <div class="form-item" style="border-color: rgb(153,153,153)">
                    <label  class="label">输&nbsp;入&nbsp;邮&nbsp;箱:</label>
                    <input name="email" type="text" class="field" placeholder="请输入邮箱" maxlength="=20" >
                </div>
                <div class="input-tip">
                    <input name="input_5" value="" type="text" class="input_1" >
                </div>
                <div class="item_3">
                    <div class="step_next_1">
                        <button type="submit" style="width: 100%;height: 100%">立即注册</button>

                    </div>
                </div>
                <div class="other">
                    <a href="#" class="other_item">
                        <i class="reg-other"></i>
                        企业用户注册
                    </a>
                    <a href="#" class="other_item_1">
                        <i class="reg-other_1"></i>
                        海外用户注册

                    </a>

                </div>
            </form>
        </div>
    </div>
</div>
<div id="footer">
    <div class="links">
        <a href="#">关于我们</a> &nbsp; |&nbsp;
        <a href="#">联系我们</a> &nbsp; |&nbsp;
        <a href="#">人才招聘</a> &nbsp;|&nbsp;
        <a href="#">商家入驻</a> &nbsp;|&nbsp;
        <a href="#">广告服务</a> &nbsp; |&nbsp;
        <a href="#">手机京东</a> &nbsp; |&nbsp;
        <a href="#">友情链接</a> &nbsp;|&nbsp;
        <a href="#">销售联盟</a> &nbsp;|&nbsp;
        <a href="#">京东社区</a> &nbsp;|&nbsp;
        <a href="#">京东公益</a> &nbsp;|&nbsp;
        <a href="#">English Site</a>
    </div>
    <div>
        Copyright©2004-2019 &nbsp;&nbsp;京东JD.com &nbsp;版权所有
    </div>
</div>